<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="../css/mainiconfont.css">
    <link rel="stylesheet" href="../css/mainsame.css">
    <link rel="stylesheet" href="../css/mainSuggest.css">
    <link rel="stylesheet" href="../css/courseglobal.css">
    <link rel="stylesheet" href="../css/course.css">
    <link rel="stylesheet" href="../css/coursefont.css">
    <link rel="stylesheet" href="../css/courseiconfont.css">
    <title>全部课程</title>
</head>

<body>
    <div class="courseBox">
        <!-- 头部 -->
        <div class="header">
            <header>
                <ul class="font_16">
                    <li><img src="../img/head_log.png" alt="" class="headLog"></li>
                    <li><a href="./index.html">首页</a></li>
                    <li  class="navActive">课程</li>
                    <li><a href="./question-index.html">题库</a></li>
                    <li class="teacherlibox">
                        讲师
                        <i class="iconfont icon-sanjiaodown" id="sanjiaodown"></i>
                        <ol class="teacherpullBox font_16">
                            <li>唯实名师</li>
                        </ol>
                    </li>
                    <li>资讯</li>
                    <li><a href="./material.html">教材</a></li>
                    <li>关于</li>
                </ul>
                <ul class="font_14">
                    <li>
                        <input type="text" placeholder="搜索课程" class="selectIPt">
                        <i class="iconfont icon-sousuo selectBtn"></i>
                    </li>
                    <li>
                        <a href="./shoping.html">
                            <i class="iconfont icon-gouwuche2"></i>购物车
                        </a>
                    </li>
                    <li class="login"><a href="./login.html">登录</a></li>
                    <li class="logon"><a href="./logon.html">注册</a></li>
                    <li class="userliBox">
                        用户
                        <i class="iconfont icon-sanjiaodown"></i>
                        <ol class="userpullBox">
                            <li><a href="./user.html">个人中心</a></li>
                            <li class="logout">退出登录</li>
                        </ol>
                    </li>
                    <li>
                        <i class="iconfont icon-shouji"></i>
                        <i class="iconfont icon-sanjiaodown"></i>
                    </li>
                </ul>
            </header>
        </div>
        <!-- <header>
            <div class="flex headerBox container">
                <div class="flex headerleft">
                    <img src="../img/courserimg/logo.png" alt="">
                    <ul class="fontSize16 flex">
                        <li><a href="./index.html">首页</a></li>
                        <li class="active">课程</li>
                        <li>题库</li>
                        <li class="teacherlibox">讲师
                            <i class="teacher teacherpull"></i>
                            <div class="teacherpullBox fontSize14">
                                <span>唯实名师</span>
                            </div>
                        </li>
                        <li>资讯</li>
                        <li>教材</li>
                        <li>关于</li>
                    </ul>
                </div>
                <div class="flex headerright">
                    <div class="searchBox flex">
                        <input type="text" placeholder="搜索课程" class="selectIPt">
                        <i class="iconfont icon-sousuo selectBtn"></i>
                    </div>
                    <ul class="fontSize14 flex">
                        <li>
                            <span class="iconfont icon-shoppingcart-over"></span>
                            购物车</li>
                        <li>登录</li>
                        <li>注册</li>
                    </ul>
                </div>
            </div>
        </header> -->
        <!-- 内容 -->
        <div class="contentBox">
            <!-- 内容切换 -->
            <div class="tabBig">
                <div class="tabBox fontSize14 container">
                    <div class="container100">
                        <div class="tab_titile fontSize14">首页
                            <span>/</span>全部课程</div>
                    </div>
                    <div>
                        <div class="container100">
                            <span class="fontSize16 leftSpan">专业：</span>
                            <ul class="flex tab_major rightUl" id="majorUl">
                                <li class="active alltype">全部</li>
                                <li>职业技能鉴定</li>
                                <li>中药学</li>
                                <li>药学</li>
                                <li>法规</li>
                            </ul>
                        </div>
                        <div class="container100">
                            <span class="fontSize16 leftSpan">类型：</span>
                            <ul class="flex tab_type rightUl" id="typeUl">
                                <li class="active alltype">全部</li>
                                <li>录播</li>
                                <li>专栏</li>
                                <li>套餐</li>
                            </ul>
                        </div>
                        <div class="container100">
                            <span class="fontSize16 leftSpan">讲师：</span>
                            <ul class="flex tab_teacher rightUl" id="teacherUl">
                                <li class="active alltype">全部</li>
                                <li>刘珊珊</li>
                                <li>张彪</li>
                                <li>张秀丽</li>
                                <li>叶婷婷</li>
                                <li>孙继梅</li>
                                <li>邱月</li>
                                <li>宋开蓉</li>
                                <li>岳英男</li>
                                <li>李艺杰</li>
                                <li>李立哲</li>
                                <li>唐彦武</li>
                            </ul>
                        </div>
                        <div class="container100">
                            <span class="fontSize16 leftSpan">年份：</span>
                            <ul class="flex tab_year rightUl" id="yeareUl">
                                <li class="active alltype">全部</li>
                                <li>2016</li>
                                <li>2017</li>
                                <li>2018</li>
                                <li>2019</li>
                                <li>2020</li>
                                <li>2021</li>
                                <li>2022</li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 内容展示 -->
            <div class="mainContext">
                <div class="titleBox container flex">
                    <div class="titleBox_left fontSize14">
                        <span>
                            <i class="iconfont icon-shijian"></i>更新时间</span>
                        <span>
                            <i class="iconfont icon-qubiezhen1 fontSize12"></i>价格</span>
                    </div>
                    <div class="titleBox_right fontSize14 color999">共
                        <span class="allresult">36</span>个结果</div>
                </div>
                <!-- 有数据 -->
                <div class="CardBox container havedataBox" style="display: block">
                    <ul class="conterUl pageMain">
                        <!-- <li class="cargLi">
                            <a href="./listencourse.html">
                                <div class="cargLi_top">
                                    <img src="../img/courserimg/card1.png" alt="">
                                    <i class="fontSize12 color000">1门课</i>
                                </div>
                                <div class="cargLi_bottom">
                                    <span class="fontSize16 cargLi_bot_title">2020执业药师课程试听</span>
                                    <div class="cargLi_bot_footer flex">
                                        <span class="fontSize16 color35ce76">免费</span>
                                        <span class="fontSize12 color999">
                                            <span>套餐</span>
                                            <span>学习：97</span>
                                        </span>
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li class="cargLi">
                            <div class="cargLi_top">
                                <img src="../img/courserimg/card2.jpg" alt="">
                                <i class="fontSize12 color000">108节</i>
                            </div>
                            <div class="cargLi_bottom">
                                <span class="fontSize16 cargLi_bot_title">中药——核心考点班</span>
                                <div class="cargLi_bot_footer flex">
                                    <span class="fontSize16 colore74c3c">¥399.0</span>
                                    <span class="fontSize12 color999">
                                        <span>视频</span>
                                        <span>学习：3866</span>
                                    </span>
                                </div>
                            </div>
                        </li>
                        <li class="cargLi">
                            <div class="cargLi_top">
                                <img src="../img/courserimg/card2.jpg" alt="">
                                <i class="fontSize12 color000">108节</i>
                            </div>
                            <div class="cargLi_bottom">
                                <span class="fontSize16 cargLi_bot_title">中药——核心考点班</span>
                                <div class="cargLi_bot_footer flex">
                                    <span class="fontSize16 colore74c3c">399.0</span>
                                    <span class="fontSize12 color999">
                                        <span>视频</span>
                                        <span>学习：3866</span>
                                    </span>
                                </div>
                            </div>
                        </li>
                        <li class="cargLi">
                            <div class="cargLi_top">
                                <img src="../img/courserimg/card2.jpg" alt="">
                                <i class="fontSize12 color000">108节</i>
                            </div>
                            <div class="cargLi_bottom">
                                <span class="fontSize16 cargLi_bot_title">中药——核心考点班</span>
                                <div class="cargLi_bot_footer flex">
                                    <span class="fontSize16 colore74c3c">¥399.0</span>
                                    <span class="fontSize12 color999">
                                        <span>视频</span>
                                        <span>学习：3866</span>
                                    </span>
                                </div>
                            </div>
                        </li>
                        <li class="cargLi">
                            <div class="cargLi_top">
                                <img src="../img/courserimg/card2.jpg" alt="">
                                <i class="fontSize12 color000">108节</i>
                            </div>
                            <div class="cargLi_bottom">
                                <span class="fontSize16 cargLi_bot_title">中药——核心考点班</span>
                                <div class="cargLi_bot_footer flex">
                                    <span class="fontSize16 colore74c3c">¥399.0</span>
                                    <span class="fontSize12 color999">
                                        <span>视频</span>
                                        <span>学习：3866</span>
                                    </span>
                                </div>
                            </div>
                        </li>
                        <li class="cargLi">
                            <div class="cargLi_top">
                                <img src="../img/courserimg/card2.jpg" alt="">
                                <i class="fontSize12 color000">108节</i>
                            </div>
                            <div class="cargLi_bottom">
                                <span class="fontSize16 cargLi_bot_title">中药——核心考点班</span>
                                <div class="cargLi_bot_footer flex">
                                    <span class="fontSize16 colore74c3c">¥399.0</span>
                                    <span class="fontSize12 color999">
                                        <span>视频</span>
                                        <span>学习：3866</span>
                                    </span>
                                </div>
                            </div>
                        </li>
                        <li class="cargLi">
                            <div class="cargLi_top">
                                <img src="../img/courserimg/card2.jpg" alt="">
                                <i class="fontSize12 color000">108节</i>
                            </div>
                            <div class="cargLi_bottom">
                                <span class="fontSize16 cargLi_bot_title">中药——核心考点班</span>
                                <div class="cargLi_bot_footer flex">
                                    <span class="fontSize16 colore74c3c">¥399.0</span>
                                    <span class="fontSize12 color999">
                                        <span>视频</span>
                                        <span>学习：3866</span>
                                    </span>
                                </div>
                            </div>
                        </li>
                        <li class="cargLi">
                            <div class="cargLi_top">
                                <img src="../img/courserimg/card2.jpg" alt="">
                                <i class="fontSize12 color000">108节</i>
                            </div>
                            <div class="cargLi_bottom">
                                <span class="fontSize16 cargLi_bot_title">中药——核心考点班</span>
                                <div class="cargLi_bot_footer flex">
                                    <span class="fontSize16 colore74c3c">¥399.0</span>
                                    <span class="fontSize12 color999">
                                        <span>视频</span>
                                        <span>学习：3866</span>
                                    </span>
                                </div>
                            </div>
                        </li> -->
                    </ul>
                </div>
                <!-- 没数据显示图片 -->
                <div class="CardBox container nodataBox" style="display: none">
                    <img src="../img/courserimg/no-data-ico.png" alt="">
                    <p class="fontSize14 color666">抱歉，还没有，试试其它的课程吧~~~</p>
                </div>
            </div>

            <!-- 分页 -->
            <div class="pageBig">
                <div class="pageBox flex">
                    <div class="flex pagediv container fontSize18 ">
                        <span class="iconfont icon--1"></span>
                        <span class="prev">&lt;</span>
                        <ul class="pageNav"></ul>
                        <span class="next">&gt;</span>
                        <span class="iconfont icon--"></span>
                        <input class="pageNum" type="number" min="1" placeholder="页数">
                        <div class="pageJump fontSize14">跳转</div>
                    </div>
                </div>
            </div>

        </div>
        <!-- 底部 -->
        <footer>
            <div class="footerBox container">
                <div class="footer_top flex">
                    <ul class="foottop_left flex fontSize12">
                        <li>
                            <div>新手指南</div>
                            <div>如何注册</div>
                            <div>购课流程</div>
                            <div>付款方式</div>
                        </li>
                        <li>
                            <div>用户中心</div>
                            <div>账户设置</div>
                            <div>订单查询</div>
                        </li>
                        <li>
                            <div>常见问题</div>
                            <div>忘记密码</div>
                            <div>订单到账</div>
                            <div>播放问题</div>
                        </li>
                        <li>
                            <div>售后相关</div>
                            <div>意见反馈</div>
                            <div>隐私设置</div>
                        </li>
                    </ul>
                    <ul class="foottop_right flex">
                        <li class="fontSize14">
                            <div class="margin-bo10 ewmPosition">服务电话</div>
                            <div> 010-85859097</div>
                            <div class="margin-bo10 margin-top10">企业邮箱</div>
                            <div>kefu@wyikao.com</div>
                        </li>
                        <li class="fontSize14 rightphone">
                            <div class="ewmPosition iponePosition">
                                <span class="iconfont icon-shouji"></span>
                                下载APP
                                <div class="erewmBox ewmphone">
                                    <img src="../img/courserimg/ewm.png" alt="">
                                </div>
                            </div>
                            <div class="ewmPosition weixinPosition">
                                <span class="iconfont icon-weixin"></span>
                                微信&H5
                                <div class="erewmBox ewmWeixin">
                                    <img src="../img/courserimg/ewm.png" alt="">
                                </div>
                            </div>
                        </li>
                    </ul>

                </div>
                <div class="footer_bottom">
                    <div class="yqlj">友情链接：</div>
                    <ul class="footerquanl fontSize12">
                        <li>
                            <span>新手指南 | 帮助中心 | 意见反馈 客服电话：010-85859097 Email：kefu@wyikao.com 工作时间：9:30-18:30</span>
                        </li>
                        <li>
                            <span>©2017-2020北京唯新唯实教育科技有限公司 版权所有 京ICP备17035261号、京公网安备11010802018055</span>
                        </li>
                        <li>
                            <span>Powered By 唯实教育</span>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="fixBox fontSize14 flex">
                <div class="goTop">返回顶部</div>
                <div class="smBox">扫码下载
                    <div class="smimgBox">
                        <div class="smimg">
                            <img src="../img/courserimg/ewm.png" alt="">
                            <div class="fontSize12 color999">app扫码下载</div>
                        </div>
                        <div class="smimg">
                            <img src="../img/courserimg/ewm.png" alt="">
                            <div class="fontSize12 color999">H5&微信扫码</div>
                        </div>
                    </div>
                </div>
            </div>
        </footer>
          <!-- 退出登录 -->
          <div class="logout-wp" style="display: none;">
            <div class="logout-box">
                <div class="logout-header">
                    <div class="logout-header__title">
                        <span>提示</span>
                    </div>
                    <button style="font-size: 25px;" class="logout-header__button close">×</button>
                </div>
                <div class="logout-content">
                    <div class="logout-content-container">
                        <div class="logout-content-message">
                            <p>确定退出登录吗</p>
                        </div>
                    </div>
                </div>
                <div class="logout-btns">
                    <button class="close">取消</button>
                    <button class="define">确定</button>
                </div>
            </div>
        </div>
    </div>

    <script src="../node_modules/jquery/dist/jquery.min.js"></script>
    <script src="../js//jquery.cookie.js"></script>
    <script src="../js/course.js"></script>
</body>

</html>